<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 

<style>
/**
list-style: 简写属性。用于把所有用于列表的属性设置于一个声明中
list-style-image: 将图像设置为列表项标志
list-style-position: 设置列表中列表项标志的位置
list-style-type: 设置列表项标志的类型
*/
#example {

}

</style>
</head>
<body>

<ul>
	<li>目录一
		<ul>
			<li>二级目录一
				<ul>
					<li>三级目录一
						<ul>
							<li>四级目录一</li>
							<li>四级目录二</li>
							<li>四级目录三</li>
						</ul>
					</li>
					<li>三级目录二</li>
					<li>三级目录三</li>
				</ul>
			</li>
			<li>二级目录二</li>
			<li>二级目录三</li>
		</ul>
	</li>
	<li>目录二</li>
	<li>目录三</li>
</ul>
<br><br>

<ol>
	<li>目录一
		<ol>
			<li>二级目录一
				<ol>
					<li>三级目录一
						<ol>
							<li>四级目录一</li>
							<li>四级目录二</li>
							<li>四级目录三</li>
						</ol>
					</li>
					<li>三级目录二</li>
					<li>三级目录三</li>
				</ol>
			</li>
			<li>二级目录二</li>
			<li>二级目录三</li>
		</ol>
	</li>
	<li>目录二</li>
	<li>目录三</li>
</ol>
<br><br>

</body>
</html>